	<!-- 公共头部分 -->
	{include file="common:header" /}
	<div class="comment-container">
    <div class="w">
		<div class="breadcrumb">
		<a href="//www.jd.com">首页</a>
			&nbsp;&gt;&nbsp;
			<a href="//shouji.jd.com/">
				手机
			</a>
			&nbsp;&gt;&nbsp;
			<a href="//channel.jd.com/9987-653.html">
				手机通讯
			</a>
			&nbsp;&gt;&nbsp;
			<a href="//list.jd.com/9987-653-655.html">
				手机
			</a>
			&nbsp;&gt;&nbsp;
			<a href="//item.jd.com/5188000.html">
				OPPOR11
			</a>
		    &nbsp;&gt;&nbsp;
		    <a href="//club.jd.com/review/5188002-3-1.html">
		            OPPOR11
		        商品评价
		    </a>
		        &nbsp;&gt;&nbsp;
		    <a href="//club.jd.com/repay/5188002_88904c91-9ad7-40fe-8cb4-a92978703105_1.html">
		            很不错 手小也能很好...
		    </a>

		</div>        <div class="g-a1">

		</div>
		        <div class="main clearfix">

		            <!--  /widget/single-comment/single-comment.vm -->
		            <div class="m">
		                <div class="mc">
		                                        


		<div class="column">
		    <div class="user-item clearfix" style="width: 70px;">
		        <img src="//misc.360buyimg.com/user/myjd-2015/css/i/peisong.jpg" width="25px" height="25px" alt="d***g" class="user-ico">
		        <div class="user-name">  {if condition="$comment['nickname']"}{:mb_substr($comment['nickname'],0,1,'utf-8')}***{:mb_substr($comment['nickname'],strlen($comment['nickname'])-2,1,'utf-8')}{else /}{:mb_substr($comment['email'],0,1,'utf-8')}***{:mb_substr($comment['email'],strlen($comment['email'])-1,1,'utf-8')}{/if}</div>
		    </div>
		    <div class="type-item">
		        <span class="u-vip-level" style="color:#666666"> 银牌会员</span>
		    </div>
		</div>                                        
		<div class="cont">
		    <div class="dt-star">
		        <span class="commstar z-star-done">
		                <span class="star star1 {if condition='$comment["stars"] == 1'}active{/if} "><i class="face"></i></span>
		                <span class="star star2 {if condition='$comment["stars"] == 2'}active{/if} "><i class="face"></i></span>
		                <span class="star star3 {if condition='$comment["stars"] == 3'}active{/if} "><i class="face"></i></span>
		                <span class="star star4 {if condition='$comment["stars"] == 4'}active{/if} "><i class="face"></i></span>
		                <span class="star star5 {if condition='$comment["stars"] == 5'}active{/if} "><i class="face"></i></span>
		        </span>
		    </div>
		    <div class="dt-text">
		        {$comment.content}
		    </div>
		    
		    <div class="dt-tags"> 
		                 <span class="t-item">国民手机</span>
		                 <span class="t-item">指纹识别</span>
		                 <span class="t-item">性价比高</span>
		        
		    </div>
		    <div class="dt-def">
		            <span class="txt">黑色</span>

		        <span class="txt">
		            全网通
		        </span>

		            <span class="time">{$comment.addtime|date="Y-m-d H:i:s",###}</span>

		                <span class="text">
		            
		        </span>
		    </div>

		    <div class="dt-content" productid="5188000">

		            <!-- 没追评 -->

		        <div class="opts">
		        	<a href="javascript:;" class="a_jubao">举报
					</a>|
		            <a href="javascript:;" class="a_share">
		                <span class="icon"></span>分享
		            </a>|
		            <a id="agree" href="javascript:;" class="a_zan">
		                <span class="icon"></span>
		                <span class="num"> 919</span>
		            </a>|
		            <a href="javascript:;" class="a_comment">
		                <span class="icon"></span>
		                <span class="num"> 337</span>
		            </a>|
		        </div>
		        <input id="id1" cid="88904c91-9ad7-40fe-8cb4-a92978703105" type="hidden">
		                <div class="reply-textarea J-reply-con">
		    <div class="inner">
		        <div class="wrap-textarea">
		            <textarea class="reply-input f-textarea" placeholder="回复 d***g："></textarea>
		        </div>
		    </div>
		    <div class="operate-box">
		        <span class="txt-countdown">还可输入200字</span>
		        <a class="reply-submit" href="javascript:;" target="_self">提交</a>
		    </div>
		</div>                
		
		{volist name="replys" id="reply"}
		<div class="item" style="border-bottom:1px solid #f0f0f0;line-height:26px;margin-top:15px;padding-bottom:8px;padding-left:18px;text-align:left;">
		        <div class="tt">
		            <span class="name" style="color: #005ea7;">
		            	{if condition="$reply['nickname']"}{$reply.nickname}{else /}{$reply.email}{/if}
		            </span>:
		            {$reply.content}
		        </div>
		        <div class="tc" uh="4" ud="692575595" un="手机被偷了啊" cid="10519126711" rid="206116475" parentid="-1">
		            <a href="javascript:;" class="a_reply fr">回复</a>
		            <span class="time fl ">{$reply.addtime|date='Y-m-d H:i:s',###}</span>
		        </div>
		        <div style="clear:both;"></div>
		    </div><div class="reply-textarea J-reply-con" style="display: none;">
		    <div class="inner">
		        <div class="wrap-textarea">
		            <textarea class="reply-input f-textarea" placeholder="回复 手机被偷了啊："></textarea>
		        </div>
		    </div>
		    <div class="operate-box">
		        <span class="txt-countdown">还可以输入<em>200</em>字</span>
		        <a class="reply-submit" href="javascript:;" target="_self">提交</a>
		    </div>
		</div>
		{/volist}

		    
		</div>    </div>
		</div>                </div>
		            </div>
		            <!--/ /widget/single-comment/single-comment.vm -->
		            <div class="pages" style="margin-top: 10px;width: 771px;">
		                <!--  /widget/ui-page/ui-page.tpl -->
		<div class="ui-page-wrap" style="">
		    <div class="ui-page">
		        {$replys->render()}
		    </div>
		</div>

		                <!--/ /widget/ui-page/ui-page.tpl -->
		            </div>
		<!--  -->
		<div class="club-detail-seo-parent">
		<!--  -->
		<style type="text/css">
		    .club-detail-seo-parent{
		        display: none;
		    }
		    .club-detail-seo .club-seo-header {
		        color:#f00;
		        font-weight: bold;
		        font-size: 1.2em;
		    }
		    .club-detail-seo li {
		        float:left;
		    }
		    .club-detail-seo li a {
		        display:block;
		        padding:8px 10px;
		        color:#f00;
		        font-weight: bold;
		        font-size: 1.1em;
		        text-decoration:none;
		    }
		</style>

		
	<!-- 公共尾部 -->
	{include file="common:footer" /}

	<script>

		// 点击回复按钮收展回复窗口
		$('.a_reply').click(function() {
			$(this).parents('.item').next().slideToggle('slow');
		});

		//点击回复按钮，异步添加回复
		var cid = "{:input('cid')}";
		var uname = '{:session("nickname")}';
		var content = '';
		$('.reply-submit').click(function() {
			
			//收集信息
			content = $(this).parent().prev().find('.f-textarea').val();

			//验证信息
			if( content=='' ) {
				alert('请输入回复内容！');
				return false;
			}

			//异步添加回复
			var html = '';
			$.post("{:url('Comment/addReply','',false)}", {content:content,id:cid}, function(data) {
				
				if( data['status'] ) {
					
					html+='<div class="item" style="border-bottom:1px solid #f0f0f0;line-height:26px;margin-top:15px;padding-bottom:8px;padding-left:18px;text-align:left;">\
						        <div class="tt">\
						            <span class="name" style="color: #005ea7;">\
						            	'+uname+'\
						            </span>:\
						            '+content+'\
						        </div>\
						        <div class="tc" uh="4" ud="692575595" un="'+uname+'" cid="10519126711" rid="206116475" parentid="-1">\
						            <a href="javascript:;" class="a_reply fr">回复</a>\
						            <span class="time fl ">'+data['time']+'</span>\
						        </div>\
						        <div style="clear:both;"></div>\
						    </div><div class="reply-textarea J-reply-con" style="display: none;">\
						    <div class="inner">\
						        <div class="wrap-textarea">\
						            <textarea class="reply-input f-textarea" placeholder="回复 '+uname+'："></textarea>\
						        </div>\
						    </div>\
						    <div class="operate-box">\
						        <span class="txt-countdown">还可以输入<em>200</em>字</span>\
						        <a class="reply-submit" href="javascript:;" target="_self">提交</a>\
						    </div>\
						</div>';

					$('.cont').append(html);
				}

			},'json');

		});
	</script>